<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title class="next-head">魅族官网 - 魅族 17 系列手机：如你，才华横溢</title>
    <link rel="shortcut icon" href="https://meizu.com/static/global/images/favicon-90c2e618ff.ico" type="images/x-icon">

    <link rel="stylesheet" href="css/reset.css">

    <link rel="stylesheet" href="css/all.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/phone.css">
</head>

<body>
    <!-- 头部导航栏区域 -->
    <div class="header">

        <div class="left">
            <ul>
                <li><a href="">魅族官网</a></li>
                <li><a href="">魅族商城</a></li>
                <li><a href="">Flyme</a></li>
                <li><a href="">专卖店</a></li>
                <li><a href="">服务</a></li>
                <li><a href="">社区</a></li>
            </ul>
        </div>
        <div class="right">
            <ul>
                <li><a href="">我的收藏
                        <div class="icon-be">new</div>
                    </a>
                </li>
                <li><a href="">我的订单</a></li>
                <li><a href="">登录</a></li>
                <li><a href="">注册</a></li>
            </ul>

        </div>


    </div>

    <!-- 头部导航栏下方的main区域 -->
    <div class="main">

        <!-- meizu pro手机 -->
        <div class="top">

            <div class="logo">

            </div>


            <div class="content">

                <ul>
                    <li>PRO手机</li>
                    <li>魅蓝手机</li>
                    <li>MX手机</li>
                    <li>精选配件</li>
                    <li>只能硬件</li>
                </ul>
            </div>

        </div>
        <!-- 全部商品分类 -->
        <div class="cover">

            <div class="left">
                <div class="lelist">

                    <ul>
                        <li class="top">全部商品分类</li>
                        <li>手机</li>
                        <li>智能硬件</li>
                        <li>耳机/音响</li>
                        <li>路由器/移动电源</li>
                        <li>保护套/后盖/贴膜</li>
                        <li>数据线/电源适配器</li>
                        <li>周边配件</li>
                    </ul>
                </div>


            </div>
        </div>


        <div class="bottom">


            <ul>
                <li>
                    <div class="foutcon">
                        <div style="float: left;">
                            <a href=""><img src="images/b1.png" alt="">
                                <p>魅族意外保</p>
                            </a>
                            <a href=""><img src="images/b2.png" alt="">
                                <p>M码通道</p>
                            </a>
                        </div>
                        <div style="float: left;">
                            <a href=""><img src="images/b3.png" alt="">
                                <p>魅族意外保</p>
                            </a>
                            <a href=""><img src="images/b4.png" alt="">
                                <p>以旧换新</p>
                            </a>
                        </div>

                    </div>
                </li>
                <li class="ad"><img src="images/ad1.jpg" alt=""></li>
                <li class="ad"><img src="images/ad2.jpg" alt=""></li>
                <li class="ad"><img src="images/ad3.jpg" alt=""></li>
                <li class="ad"><img src="images/ad4.jpg" alt=""></li>
                <li class="ad"><img src="images/小黑.jpg" alt=""></li>
                <li class="ad"><img
                        src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farchive%2F8840c2efc596ccbcf7faf78fef4fa2310b7b4542.jpg&refer=http%3A%2F%2Fi0.hdslb.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1615468815&t=5e70d321a4895228f5afe1cc71e3357a"
                        alt=""></li>
            </ul>
        </div>
    </div>

    <div class="phone">


        <h2>手机</h2>

        <div class="phonelist">
            <ul>
                <li>
                    <div class="imgbox"><img src="images/p1.png" alt="">
                        <p>魅蓝note3</p>
                        <p class="des">11-12日 限量销售</p>
                        <p class="red">￥&nbsp;999</p>
                    </div>
                    <div class="bottom"></div>
                </li>
                <li>
                    <div class="imgbox"><img src="images/p2.png" alt="">
                        <p>魅蓝note3</p>
                        <p class="des">11-12日 限量销售</p>
                        <p class="red">￥&nbsp;999</p>
                    </div>
                    <div class="bottom"></div>
                </li>
                <li>
                    <div class="imgbox"><img src="images/p3.png" alt="">
                        <p>魅蓝note3</p>
                        <p class="des">11-12日 限量销售</p>
                        <p class="red">￥&nbsp;999</p>
                    </div>
                    <div class="bottom"></div>
                </li>
                <li>
                    <div class="imgbox"><img src="images/p4.png" alt="">
                        <p>魅蓝note3</p>
                        <p class="des">11-12日 限量销售</p>
                        <p class="red">￥&nbsp;999</p>
                    </div>
                    <div class="bottom"></div>
                </li>
                <li>
                    <div class="imgbox"><img src="images/p5.png" alt="">
                        <p>魅蓝note3</p>
                        <p class="des">11-12日 限量销售</p>
                        <p class="red">￥&nbsp;999</p>
                    </div>
                    <div class="bottom"></div>
                </li>
            </ul>
        </div>
    </div>

    <div class="footer"></div>

</body>

</html>